<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Renren iGoogle Gadget(v3.1)</title>
<style>

* { margin: 0px;padding: 0px; font-size:12px;}
a img{border:0px;}
body {margin: 0px;padding: 0px;text-align: center; font-size:12px; background-color:#FFF;font-family:Tahoma,Verdana,STHeiTi,simsun,sans-serif;}
div {text-align: left;margin-left: auto;margin-right: auto; float:none;}
a{color:#005EAC; cursor:pointer;}
a:link, a:visited {color:#005EAC;text-decoration:none}
a:hover {color:#005EAC;text-decoration:underline}
ol,ul,li {list-style: none;}
fieldset{ border:0;}

.fl{ float:left;cursor:pointer;}
.fr{ float:right;}
.tC{ text-align:center;}
.font1{ color:#005eac;}
.font2{ color:#888888;}
.font3{ color:#e83928;}/*status error class*/
.font4{ color:#646460;}
.font5{ color:#ff2400; font-size:12px; line-height:20px; font-weight:bold;}
.font6{ font-size:17px; color:#315e8a; font-weight:bold;}
.fontSmall{ font-size:10px;}
.talk,.pic,.blog,.share{ width:16px; height:16px; background:url(img/icon.png) 0px 0px no-repeat;vertical-align:text-bottom;}
.pic{ background-position:0px -30px;}
.blog{ background-position:0px -63px;}
.share{ background-position:0px -96px;}
a.del{ width:18px; height:18px; background:url(img/hot-share.png) 0 -66px no-repeat; /*display:inline-block;*/ display:none; float:right; margin-right:3px; margin-top:0px;}
a:hover.del{ background-position:-18px -66px;}
q{color:#d4d6d3;}
.lineH30{ line-height:30px;}
.lineH22{ line-height:22px;}
.mLR3{ margin:auto 3px;}
.mLR2{ margin:auto 2px;}
.mB10{ margin-bottom:10px;}
.mT6{ margin-top:6px;}
.mR6{ margin-right:6px;}
.mR10{ margin-right:10px;}
.curP{ cursor:pointer;}
.imgVM{ vertical-align:text-bottom;}

.box .tC{ text-align:center;}
.box{position:relative; /*height:386px;*/}

.box .outer{ overflow:hidden;}
.box .loginBox{ background:#fcfeff; border-left:1px solid #eaf0f6 ; border-right:1px solid #eaf0f6 ;height:121px; padding-top:42px;}
.box .innerBtn{ background:url(img/hot-share.png) no-repeat 0 -120px; width:170px; height:33px;cursor:pointer;}
.box .outerText{ margin-top:5px;}

.outerHead,.outerFoot{
	*zoom: expression(function(ele) {
		ele.style.zoom = "1";
		ele.appendChild(document.createElement("after"));
		ele.insertBefore(document.createElement("before"), ele.firstChild);
	}(this));
	background:url(img/icon.png) 0 -213px repeat-x;
	height:6px;
	overflow:hidden;
}
.outerFoot{ background-position:0 -234px;}
.outerHead:before,.outerHead before,.outerHead:after,.outerHead after,.outerFoot:before,.outerFoot before,.outerFoot:after,.outerFoot after {
	width:6px; height:6px; display:inline-block; float:left; background:url(img/icon.png) 0 -200px no-repeat; content:"";
}
.outerHead:before,.outerHead before {
	float:right; background-position:right -200px;
}
.outerFoot:after,.outerFoot after {
	background-position:0 -224px; 
}
.outerFoot:before,.outerFoot before {
	background-position:right -224px;float:right; 
}
.outerCenter{ background:#fcfeff; border-left:1px solid #eaf0f6 ; border-right:1px solid #eaf0f6 ; padding:6px 0 0px; height:188px;}
.box .loginBtn{ width:85px; height:28px; display: inline-block; background:url(img/hot-share.png) -187px -120px no-repeat; position:relative; top:8px;}

.box .probate{color:#666666; height:296px;}
.box .probate .getProbate{ display:inline-block; width:106px; height:26px; background:url(img/hot-share.png) left -155px no-repeat;}

.box .head{ overflow:hidden; background-color:#065da4; height:26px;}
.box .head .text{ height:26px; color:#FFF; line-height:26px; overflow:hidden;}
.box .head .fr{ color:#FFF; margin-top:6px; margin-right:5px;}
.box .shadow {clear: both;height: 2px; background: #b9bdc0 url(img/icon.png) repeat-x 0px -151px; margin-left: 3px; line-height:0px;overflow: hidden;}
.box .textArea{ background-color:#eef3fa; height:50px; padding:6px; position:relative;}

.box .textArea .btn{display: inline-block;background: url('img/hot-share.png') right -120px no-repeat;width: 42px;height: 32px;float: right;cursor: pointer;}

.box .textArea .textField{margin:0px 48px auto 54px; padding-left:6px; height:32px;background: url(img/needleLeft.png) repeat-y;}
.box .textArea .textField fieldset{ border:0px; overflow:hidden;}
.box .textArea .textField.on{ height:53px;}
.box .textArea .textField textarea{ border:0px;height:24px;border:1px solid #b7ccdd; border-left:0;overflow-y: auto;width:97%;*width:97%;background-color:#FFF;float:left; padding:3px 0px 3px 3px;}
.box .textArea .textField textarea.begin{ color:#9a9a9a; }
.box .textArea .textField.on textarea{ color:#000; height:45px;}
.box .textArea .textNow{color:#005eac; margin-top:5px;margin-left:58px;}
.box .textArea .textNow img{vertical-align:text-bottom;}

.box .tabMenu{height:26px;margin-top:5px; position:relative;}
.box .tabMenu .tabMenuBo{border-bottom:1px solid #b8d4e8; z-index:-2; position:absolute; width:100%; top:25px; height:0px; line-height:0px; }
.box .tabMenu a{padding:5px 10px 4px; display:inline-block;border-bottom:1px solid #b8d4e8; position:relative; height:15px;background-color:#FFF; color:#005eac; cursor:pointer;}
.box .tabMenu a.open{ border:1px solid #b8d4e8; border-bottom:1px solid #FFF; font-weight:bold; color:#000; padding-bottom:4px;}
.box .tabMenu a.not_menu_tab{ display:inline; border:0px; float:right; padding:0;}

.box .content{ height:255px;_height:242px; overflow-y:auto;overflow-x:hidden;padding:5px 5px 5px 6px;}
.box .item{ border-bottom:1px solid #e3eef8; margin-bottom:8px; padding-bottom:5px;}
.box .item h3.itemT{ /*margin:3px 22px 5px auto;*/margin:3px auto 5px; font-size:14px; font-weight:normal;line-height:1.4em;}
.box .item h3.itemT span,.box .item h3.itemT a{ font-size:14px;}
.box .item .itemContent{ margin-left:36px;}

.box .item ul li.icon1{ height:6px; font-size:0px; line-height:0px; background:#FFF url(img/icon.png) no-repeat 20px -126px; margin:0px; padding:0px;}
.box .item ul li{ background:#ebf3f7; padding:6px 6px 3px; overflow:hidden; height:auto;margin-bottom:2px; clear:both;}

.box .item ul li .items{line-height:17px;overflow:hidden; height:auto; margin-left:36px; word-break:break-all;word-wrap:break-word;}
.box .item .photoBox { margin:0px auto 5px; overflow:hidden; height:auto;display:inline-block; vertical-align:top;}
.box .item .photoBox img{ border:1px solid #bbc9e2; padding:3px;}
.box .item .photoBox.gpic img{
  max-width:100px;
  max-height:150px;
  width:expression(this.width>100&&this.height<this.width?100:true);
  height:expression(this.height>150?150:true);
}

.box .item .photoBox.nobo img{ border:0px;}
.box .item .timeText{line-height:24px;}
.box .item ul li.allReturn{ height:18px; line-height:18px;}

.box .item ul li .reviewArea{ background-color:#FFF; overflow-x:hidden; overflow-y:auto;height:22px;_height:20px;line-height:18px; margin:0px; width:100%; border:0px; cursor:text;}

.box .item ul li.textAre { padding:0px; border-bottom:1px solid #e3e5f9; text-align:left;}
.box .item ul li.textAre .submitBtnBox{ margin-top:2px;margin-left:42px; margin-right:3px; margin-bottom:3px; display:none;}
.box .item ul li.textAre img{ display:none;}
.box .item ul li.textAre.over .submitBtnBox,.box .item ul li.textAre.over img{ display:block;}
.box .item ul li.textAre.over .textAreBox{height:46px;_height:44px;}
.box .item ul li.textAre fieldset{ background:#FFF; padding-left:3px;border:1px solid #B7CCDD;}
.box .item ul li.textAre.over textarea{ height:38px; cursor: text;}
.box .item ul li.over .btn{background-color:#005EAC; margin-right:5px; display:inline-block;border-color:#B8D4E8 #124680 #124680 #B8D4E8;border-style:solid;border-width:1px;color:#FFFFFF;cursor:pointer;font-size:12px;padding:2px 15px 0px;*padding-top:5px;text-align:center; width:79px;}
.box .item ul li.over .font2,.box .item ul li.over .face_re{ display:inline-block;}
.box .item ul li .reviewArea.begin{ color:#888888;}
.face_re{ display:inline-block; float:right;background:url(img/icon.png) 0px -174px no-repeat; padding-left:20px; height:16px; line-height:16px; margin-top:4px; margin-right:3px;}


.video{ width:120px; height:90px; display:inline-block; margin-bottom:5px; vertical-align:text-top;}
.video a{ vertical-align:middle; text-align:center;background:transparent url(img/hot-share.png) no-repeat scroll -110px 30px;display:block; width:100%;height:100%;opacity:0.9; outline:none; text-indent:-999px;}
.video a:hover{ background-position:40px 30px;}
a.mp3Muice{ background:transparent url(img/hot-share.png) -48px -77px no-repeat; display: inline-block; width:102px; height:28px; margin-bottom:10px;}
a:hover.mp3Muice{ background-position:-150px -77px;}
.textArePicDisPlay{ display:none;}
.textAreBox{ padding-bottom:0px;overflow:hidden; padding:6px;height:24px;}

 q{line-height: 1.5em;
	*zoom: expression(function(ele) {
		ele.style.zoom = "1";
		ele.appendChild(document.createElement("after"));
		ele.insertBefore(document.createElement("before"), ele.firstChild);
	}(this));
	margin: 0;

}

q:before, q before{
	display: inline-block;
	width: 10px;
	height: 7px;
	margin-right: 0.5ex;
	vertical-align: top;
	background: url(img/hot-share.png) no-repeat -308px 0;
	_font-size: 0;
}
q:after,q after {
	display: inline-block;
	width: 10px;
	height: 7px;
	margin-left: 0.5ex;
	background: url(img/hot-share.png) no-repeat -318px 0;
	_font-size: 0;
}
/* msg box */
.shadowRight {
        position: absolute;
        margin-right: 20px;
        background: url(img/shadow1.png) right bottom;
        right: 0;
        bottom: 2px;
        height: 25px;
        padding-right: 2px;
      }

     .MsgBox {
        border: 1px solid #b3b3b4;
        padding-left:6px;background-color: #f0f5f8;
      }

     .MsgBox a {
        text-align: center;
        color: #648bce;
        text-decoration: none;
        font-weight: bold;
        line-height: 21px;
        font-size: 12px;
		display:inline-block; padding-left:1px; padding-right:1px;
        text-align: center;
        overflow: hidden;background-color: #f0f5f8; height:21px; margin:auto 2px;
      }

      .MsgBox a span {
        height: 16px;
        width: 21px;
        line-height: 0px;
        font-size: 0px;
        zoom: 1;
        display: inline-block;
        position: relative;
        top: 3px;
        cursor: pointer;
        overflow: hidden;
      }

      .MsgBox a:hover {
        text-decoration: none;
        color: #648bce;
        background: url(img/hot-share.png) -291px -160px no-repeat;
      }

      .MsgBox a.siteMsg span {
        background: url(img/icon.png) center -309px no-repeat;
        top: 5px;
      }

      .MsgBox a.newRestore span {
        background: url(img/icon.png) center -394px no-repeat;
      }

      .MsgBox a.circularize span {
        background: url(img/icon.png) center -268px no-repeat;
      }

      .MsgBox a.requestCenter span {
        background: url(img/icon.png) center -347px no-repeat;
        background-repeat: no-repeat;
      }
	  /* HZH */
	  #rr_logo {
		cursor:pointer;
	  }
	  #userimg {
		cursor:pointer;
	  }
	  .emotions {
        background-color:#FFFFFF;
        border:1px solid #CEE1EE;
        left:0;
        padding:2px 0 0 2px;
        position:absolute;
        top:50px;
        width:156px;
      }
      
      .emotion {
        letter-spacing:-4px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin-bottom:2px;
      }
      
      .emotion li {
        display:inline-block;
        height:24px;
        letter-spacing:0;
        margin:0 2px 2px 0;
        vertical-align:top;
        width:24px; float:left;
      }
      
      .emotion li a {
        background-color:#FFFFFF;
        border:1px solid #DDDDDD;
        display:block;
        height:16px;
        padding:3px 1px;
        text-align:center;
        width:20px;
      }
      
      .emotion li a:hover {
        border-color:#888888;
      }
      
      .emotion li a img {
        display:block;
        margin:0 auto;
        border:0 none;
      }
div.gg-loading{background:url(img/spinner.gif) no-repeat center center;height:255px}
.text-disable{color:#888;}
/* PopUp box */
	.PopUpBox{ width:60%; position:absolute; z-index:1000; top:50%; left:50%; margin-left:-30%; height:90px;*height:93px;}
	.PopUpBox .bgBox{ width:100%; height:100%; position:absolute; z-index:-10; top:0px; margin:0px; left:0px;   filter:alpha(opacity=50); /*IE*/
  -moz-opacity:0.5; /*MOZ , FF*/
  opacity:0.5;/*CSS3, FF1.5*/
}
	.PopUpBox .bgBox .after,.PopUpBox .bgBox .before{ width:10px; height:10px; float:left; margin:0px; background-color:#C66;display: inline-block; line-height:0px; font-size:0px; background:url(img/msgboxbg.png) no-repeat; _margin-right:-3px;}
	.PopUpBox .bgBox .before{ float:right; line-height:0px; font-size:0px; background:url(img/msgboxbg.png) 0 -10px no-repeat; _margin-left:-3px; _margin-right:0px;}
	.PopUpBox .bgBox .foot .after{ background-position:0px -20px;}
	.PopUpBox .bgBox .foot .before{ background-position:0px -30px;}
	.PopUpBox .bgBox .bgBoxTitle{ margin:0 10px;background:#878787; height:10px;font-size:0px; line-height:0px; margin-left:7px;_margin-right:6px;}
	.PopUpBox .bgBox .bgContent{ height:70px;background:#878787;}
	.PopUpBox .msgBoxCont{margin:0 10px; border:1px solid #ee7c90; background:#FFF; height:68px; zoom:0; position:relative; top:10px;}
	.PopUpBox .msgBoxCont .msgTitle{ background:#ffebe8; padding:4px 20px;}
	.PopUpBox .msgBoxCont .msgTitle h3{ font-size:12px; color:#000; font-weight:bold;}
	.PopUpBox .msgBoxCont .msgContent{ padding:10px 20px 0px;text-align:center}


.box .pageBox{ height:20px;}
.box .pageBox a{ display:inline-block; width:10px; height:16px; line-height:16px;float:left; margin:3px 1px 0px; color:#005EAC; text-align:center;}
.box .pageBox a:hover,.box .pageBox a.pageOver{ font-weight:bold; border-bottom:2px #005EAC solid; text-decoration:none;}

</style>
</head>

<body>


<div class="box">
	<!--进入-->
	<div class="outer" style="" id="login_page">
    	<div class="outerHead"></div>
        <div class="tC loginBox">
        <h3 class="font6">在iGoogle上登录人人网了</h3><br /><br />
       		<center>
            <img src="img/a.gif" class="innerBtn" id="login_btn"/>
          </center>
            <br /><br /><br />
        </div>
        <div class="outerFoot"></div>
    	<div class="outerText">
            	<div class="outerHead"></div>
            	<div class="outerCenter tC">
                <a target="_blank" href="http://www.renren.com/home.do"><img src="img/rrtvc-man.png" width="192" height="144"/></a>
                <br/>
                
                如果没有人人帐号，请点此注册&nbsp;
                	<a class="loginBtn" target="_blank" href="http://wwv.renren.com/xn.do?ss=17036&rt=101"></a>
                </div>
                <div class="outerFoot"></div>
        </div>
    
    </div>
	
    <!--other-->
    
    <div class="" id="main_page" style="display:none;">
    	<!--head-->
        <div class="head">
          <img id="rr_logo" class="fl" src="img/logo.png"/>
          <a href="javascript:void(0)" id="btn_logout" class="fr">退出</a>
          <div class="text"><span id="titlebar_username"></span></div>
        </div>
        <div class="shadow"></div>
        
        <!-- text area -->
        <div class="textArea">
        	<img src="img/no_pic.png" class="fl" width="50" height="50" id="userimg"/>
        	<a class="btn" id="status_set"></a>
                <div class="textField" id="user_status_input_out">
                	<fieldset>
                        <textarea id="user_status_input" class="begin">你正在干嘛?</textarea>
                    </fieldset>
                </div>
             <div class="textNow" id="textNow">
                        <a target="_blank" id="status_update">正在更新...</a>
                    </div>
        </div>
        
        <!-- not having probate -->
        <div class="probate tC" id="permissionpage" style="display:none;">
        	<br/><br/><br/><br/><br/><br/><br/>
            <a class="getProbate" id="btn_permission"></a><br/><br/>
        	授权后，你可以在此发布状态，<br/>并能读取好友的最新状态。
        </div>
        <!-- menu -->
        <div id="mainpage">
        <div class="tabMenu" id="menutab">
        	<div class="tabMenuBo"></div>
            <a target="_blank" class="not_menu_tab" href="http://photo.renren.com/choosealbum.do?_ua_flag=64&_visitor_id=94" id="renren_new_pic" onclick="ct.click(this);"><img src="img/a.gif" width="16" height="16" class="pic mR6 mT6 curP" title="传照片" /></a>
            <a target="_blank" class="not_menu_tab" href="http://blog.renren.com/NewEntry.do?_request_from=63&_lu=66" id="renren_new_blog" onclick="ct.click(this);"><img src="img/a.gif" width="16" height="16" class="blog mT6 mR6 curP" title="发日志" /></a>
        	<a class="open" href="#" id="tab_all">全部</a><a  href="#" id="tab_status">状态</a><a href="#" id="tab_pic">相册</a><a href="#" id="tab_blog">日志</a><a href="#" id="tab_share">分享</a>
            
        </div>
        
        <div class="content" id="contentAll">
     	   <!-- content New -->
            <div class="contentNew" id="tab_all_content">
              <div class="gg-loading"></div>
            </div>
            <div class="contentState" id="tab_status_content" style="display:none;">
              <div class="gg-loading"></div>
            </div>
            <!--pic-->
            <div class="contentPic" id="tab_pic_content" style="display:none;">
              <div class="gg-loading"></div>
            </div>            
            <!--blog-->
            <div class="contentBlog" id="tab_blog_content" style="display:none;">
              <div class="gg-loading"></div>
            </div>
            <!--share-->
            <div class="contentShare" id="tab_share_content" style="display:none;">
              <div class="gg-loading"></div>
            </div>
        </div> 
        </div>        
    </div>

      <!--Msg Btn -->
      <div class="shadowRight" id="msgbar" style="display:none;">
        <div class="MsgBox">
          <a id="msgbar_1" href="http://msg.renren.com/" target="_blank"
             class="siteMsg" title="站内信">0<span></span></a><a id="msgbar_2" href="http://www.renren.com/Home.do"
                 target="_blank" class="newRestore" title="新回复">0<span></span></a><a id="msgbar_3" href="http://msg.renren.com/notify/notifications.do"
                 target="_blank" class="circularize" title="通知">0<span></span></a><a id="msgbar_4" href="http://req.renren.com/request/requestList.do"
                 target="_blank" class="requestCenter" title="请求中心">0<span></span></a>
        </div>
      </div>

</div>
<div style="display: none;" id="publisher_emotion" class="emotions">
  <ul class="emotion">
  </ul>
</div>

<div class="PopUpBox" id="popupbox" style="display:none;">
	<div class="bgBox">
    	<div class="head"><div class="before"></div><div class="after"></div><div class="bgBoxTitle"></div></div>
         <div class="bgContent">
         
         </div>
         <div class="foot">
   		 <div class="before"></div><div class="after"></div><div class="bgBoxTitle"></div>
         </div>
    </div>
	<div class="msgBoxCont" >
    	<div class="msgTitle">
        	<h3>错误提示</h3>
        </div>
        <div class="msgContent" id="popupcon"></div>
    </div>
</div>
<script>
function _esc(id) {
  return window.encodeURIComponent?encodeURIComponent(id):escape(id);
}
</script>
<script type="text/javascript"
    src="http://static.connect.renren.com/js/v1.0/FeatureLoader.jsp"></script>
<script src="http://www.google.com.hk/ig/modules/chinagadgets/exp/v2_common.js"></script>
<script type="text/javascript" src="/gadget.js"></script>

</body>
</html>
